@import 'base.css';

.clearFix:after{display: block;content: '';clear: both;}

body{

}

.container{
    /*min-width: 1200px;*/
}

.w-100{
    width: 100%;
}

.h-100{
    height: 100%;
}

.font-0{
    font-size: 0;
}

.font-10{
    font-size: 0.55em ;
}

.font-12{
    font-size: 0.66em;
}

.font-15{
    font-size: 0.83em;
}

.font-18{
    font-size: 1em;
}

.font-20{
    font-size: 1.11em;
}

.font-30{
    font-size: 1.66em;
}

.font-40{
    font-size: 2.22em;
}

.font-50{
    font-size: 2.77em;
}

.font-60{
    font-size: 3.33em;
}

.font-blod{
    font-weight: bold;
}

.color-000{
    color: #000;
}

.color-333{
    color: #333;
}

.color-666{
    color: #666;
}

.color-fff{
    color: #fff;
}


.bg-fff{
    background: #fff;
}

.p-10{
    padding: 10px;
}

.p-l-10{
    padding-left: 10px;
}

.p-r-10{
    padding-right: 10px;
}

.p-t-10{
    padding-top: 10px;
}

.p-b-10{
    padding-bottom: 10px;
}


.p-20{
    padding: 20px;
}

.p-l-20{
    padding-left: 20px;
}

.p-r-20{
    padding-right: 20px;
}

.p-t-20{
    padding-top: 20px;
}

.p-b-20{
    padding-bottom: 20px;
}



.p-30{
    padding: 30px;
}

.p-l-30{
    padding-left: 30px;
}

.p-r-30{
    padding-right: 30px;
}

.p-t-30{
    padding-top: 30px;
}

.p-b-30{
    padding-bottom: 30px;
}

.p-40{
    padding: 40px;
}

.p-l-40{
    padding-left: 40px;
}

.p-r-40{
    padding-right: 40px;
}

.p-t-40{
    padding-top: 40px;
}

.p-b-40{
    padding-bottom: 40px;
}


.p-50{
    padding: 50px;
}
.p-l-50{
    padding-left: 50px;
}

.p-r-50{
    padding-right: 50px;
}

.p-t-50{
    padding-top: 50px;
}

.p-b-50{
    padding-bottom: 50px;
}

.p-60{
    padding: 60px;
}
.p-l-60{
    padding-left: 60px;
}

.p-r-60{
    padding-right: 60px;
}

.p-t-60{
    padding-top: 60px;
}

.p-b-60{
    padding-bottom: 60px;
}


.p-100{
    padding: 100px;
}

.p-l-100{
    padding-left: 100px;
}

.p-r-100{
    padding-right: 100px;
}

.p-t-100{
    padding-top: 100px;
}

.p-b-100{
    padding-bottom: 100px;
}

.b-r-5{
    border-radius: 5px;
}

.b-r-10{
    border-radius: 10px;
}

.b-r-50{
    border-radius: 50%;
}


.m-10{
    margin: 10px;
}

.m-l-10{
    margin-left: 10px;
}

.m-r-10{
    margin-right: 10px;
}

.m-t-10{
    margin-top: 10px;
}

.m-b-10{
    margin-bottom: 10px;
}





.m-20{
    margin: 20px;
}

.m-l-20{
    margin-left: 20px;
}

.m-r-20{
    margin-right: 20px;
}

.m-t-20{
    margin-top: 20px;
}

.m-b-20{
    margin-bottom: 20px;
}




.m-30{
    margin: 30px;
}

.m-l-30{
    margin-left: 30px;
}

.m-r-30{
    margin-right: 30px;
}

.m-t-30{
    margin-top: 30px;
}

.m-b-30{
    margin-bottom: 30px;
}



.m-40{
    margin: 40px;
}

.m-l-40{
    margin-left: 40px;
}

.m-r-40{
    margin-right: 40px;
}

.m-t-40{
    margin-top: 40px;
}

.m-b-40{
    margin-bottom: 40px;
}



.m-100{
    margin: 100px;
}

.m-l-100{
    margin-left: 100px;
}

.m-r-100{
    margin-right: 100px;
}

.m-t-100{
    margin-top: 100px;
}

.m-b-100{
    margin-bottom: 100px;
}

.text-center{
    text-align: center;
}



.flex{
    display: flex;
}

.flex-col{
    display: flex;
    flex-direction: column;
}

.flex-1{
    flex: 1;
}

.flex-wrap{
    display: flex;
    flex-wrap: wrap;
}

.flex-row-center{
    display: flex;
    justify-content: center;
}

.flex-row-end{
    display: flex;
    justify-content: flex-end;
}

.flex-col-center{
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.flex-center{
    display: flex;
    justify-content: center;
    align-items: center;
}

.flex-row-bw{
    display: flex;
    justify-content: space-between;
}

.flex-col-bw{
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.flex-align-item-center{
    display: flex;
    align-items: center;
}


.border{
    border: 1px solid #eee;
}

.border-top{
    border-top: 1px solid #eee;
}

.border-bottom{
    border-bottom: 1px solid #eee;
}

.border-left{
    border-left: 1px solid #eee;
}

.border-right{
    border-right: 1px solid #eee;
}

.line-height{
    line-height: 2.5em;
}

.wrap-2{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:2;
}

.wrap-3{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:3;
}

.wrap-4{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:4;
}

.wrap-1{
    overflow:hidden;
    text-overflow:ellipsis;
    display:-webkit-box;
    -webkit-box-orient:vertical;
    -webkit-line-clamp:1;
}

.row-span-1{
    width: 5%;
}

.row-span-2{
    width: 10%;
}

.row-span-3{
    width: 15%;
}

.row-span-4{
    width: 20%;
}

.row-span-5{
    width: 25%;
}

.row-span-6{
    width: 30%;
}

.row-span-7{
    width: 35%;
}

.row-span-8{
    width: 40%;
}

.row-span-9{
    width: 45%;
}

.row-span-10{
    width: 50%;
}

.row-span-11{
    width: 55%;
}

.row-span-12{
    width: 60%;
}

.row-span-13{
    width: 65%;
}

.row-span-14{
    width: 70%;
}

.row-span-15{
    width: 75%;
}

.row-span-16{
    width: 80%;
}

.row-span-17{
    width: 85%;
}

.row-span-18{
    width: 90%;
}

.row-span-19{
    width: 95%;
}

.row-span-20{
    width: 100%;
}

.position-r{
    position: relative;
}

.position-a{
    position: absolute;
}

.position-f{
    position: fixed;
}
